<template>
  <div class="layout">
    <a-header></a-header>
        <!-- <router-view></router-view> -->
    <!-- <a-footer></a-footer> -->
    <a-Pre-Header></a-Pre-Header>
    <a-first-screen></a-first-screen>
    <a-help></a-help> 
    <a-extend></a-extend>
    <a-Know class="#zhishi"></a-Know>
    <a-List-Right></a-List-Right>
 
  </div>
</template>

<script>
import Footer from '../../components/Footer/index'
import Header from '../../components/Header/index'
import PreHeader from '../../components/PrimaryHeader/index.vue'
import FirstScreen from '../../components/FirstScreen/index.vue'
import Help from '../../components/Common/Help/index.vue'
import Extend from '../../components/Extend/index.vue'
import Know from '../../components/Know/index.vue'
import ListRight from '../../components/ListRight/index.vue'
export default {
  name: 'Header',
  components: {
      AFooter: Footer,
      AHeader: Header,
      APreHeader:PreHeader,
      AFirstScreen:FirstScreen,
      AHelp:Help,
      AExtend:Extend,
      AKnow:Know,
      AListRight:ListRight
  },
  props: {
    msg: String
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="less">

</style>
